<template>
  <!-- <ModuleTopPanel></ModuleTopPanel> -->
  <view class="info_card">
    <!-- 跟进信息 -->
    <view class="info_box">
      <view class="editIcon" @click="returnCar()">
          <u-icon name="car" color="#15c0e6" size="16"></u-icon>
          <view style="color: #15c0e6"> 还车 </view>
        </view>
      <view class="server_info">
        <u-row>
          <u-col span="12">
            <view class="">
              <view class="info_title">
                <view> 客户编号 </view>
              </view>
              <view class="info_name">{{
                detail.area ? detail.area + "㎡" : "——"
              }}</view>
            </view>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="4">
            <view class="">
              <view class="info_title">随行人</view>
              <view class="info_name">{{
                detail.style ? detail.style : "——"
              }}</view>
            </view>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="4">
            <view class="">
              <view class="info_title">出行方式</view>
              <view class="info_name">{{
                detail.style ? detail.style : "——"
              }}</view>
            </view>
          </u-col>
        </u-row>
      </view>
      <u-row>
        <u-col span="6">
          <view class="">
            <view class="">
              <view class="info_title">开始使用时间</view>
              <view class="info_name">{{
                tagInfo.comeTime
                  ? formatTimestamp(tagInfo.comeTime, "onlyDate")
                  : "——"
              }}</view>
            </view>
          </view>
        </u-col>
        <u-col span="6">
          <view class="">
            <view class="">
              <view class="info_title">结束使用时间</view>
              <view class="info_name">{{
                tagInfo.nextFollowUpTime
                  ? formatTimestamp(tagInfo.nextFollowUpTime, "onlyDate")
                  : "——"
              }}</view>
            </view>
          </view>
        </u-col>
      </u-row>
      <u-row>
        <u-col span="12">
          <view class="">
            <view class="info_title">
              <view> 商务车 </view>
            </view>
            <view class="info_name">{{
              detail.area ? detail.area + "㎡" : "——"
            }}</view>
          </view>
        </u-col>
      </u-row>
    </view>
  </view>
</template>
  
  <script>
export default {
  data() {
    return {};
  },
  props: {
    detail: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  computed: {},
  onLoad(options) {},
  methods: {
    /**
     * 还车
     */
    returnCar() {
      uni.navigateTo({
        url: "/pagesA/returnCar/index",
      });
    },
  },
  onShow() {},
  /**
   * 上拉加载更多
   */
  onReachBottom() {},
};
</script>
  <style lang="scss">
page {
  background-color: #f5f7fb;
}
</style>
  <style lang="scss" scoped>
.pageLayout {
  padding: 40rpx;
}
.info_box {
  width: 670rpx;
  background: #ffffff;
  border-radius: 8rpx;
  margin-top: 24rpx;
  padding: 24rpx 40rpx;
  box-sizing: border-box;
  position: relative;
  .editIcon {
    position: absolute;
    top: 24rpx;
    right: 24rpx;
    padding: 10rpx;
    background: #EFF4FA;
    border-radius: 14rpx;
    display: flex;
    align-items: center;
    view {
      font-size: 20rpx;
      margin-left: 3rpx;
      line-height: 15rpx;
    }
  }
}
.info_title {
  font-size: 20rpx;
  color: #1c1b2680;
  display: flex;
  align-items: center;
  view {
    // margin-left: 10rpx;
  }
}
.info_name {
  font-size: 24rpx;
  color: #1c1b26;
  margin-top: 18rpx;
  margin-bottom: 32rpx;
  font-weight: 700;
}

.info_card {
}
</style>
  